<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/com.css">
</head>
<body>
    <div class="home">
        <h3 >欢迎来到21点纸牌游戏</h3>
        <h1></h1>
        <img id="lu" src="../images/til.png" alt="">
        <img id="ru" src="../images/ti.png" alt="">
        <div class="boll">
            <div class="btn">
                <button class="start">开始游戏</button>
                <button id="show">查看规则</button>
            </div>         
            <div class="pic">
                <img class="o1" src="../images/1.png" alt="">
                <img class="o2" src="../images/1.png" alt="">
                <img class="o3" src="../images/1.png" alt="">
            </div>  
            <div class="text">
              <h2>游戏规则</h2>
              <p >1.游戏开始玩家双方各持两张牌;<br>2.当前玩家可以选择摸牌(可选择多次摸牌)或跳过;<br>3.纸牌大于10点的计为10点，大于21点一方直接失败;<br>4.当双方玩家确定停止后进行点数比较,小于等于21点更接近的一方获胜。</p>
              <button id="hide">我知道了</button>
            </div>               
        </div>
        <div id="alt">
            <img src="../images/login.png" alt="#" x>
            <span>正在为您准备卡片</span>
            <h6></h6>
            <h5>...</h5>
            <p class="gz"></p>

        </div>
        <!-- 音频 -->
        <audio id="xi" src="../images/xi.mp4"  autoplay></audio>
        
    </div>    
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/com.js"></script>
</body>
</html>